
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>管理登录页面</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <script src="../js/jquery-1.12.4.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="../js/bootstrap.min.js"></script>
    <style>
        .container input {
            width: 100%;
        }

        .container div {
            margin: 5px 0px;
            outline: none;
        }
    </style>
    <script>
        function refreshCaptchaImg() {
            //从服务端重新下载验证码图片
            //给这个地正加参数纯为了强制刷新，否则由于src指向的url地址没变，
            //不会直正生刷新图片
            var now = new Date()
            $("#captcha").attr("src","/login/captcha_img?"+now.getTime());
        }
    </script>


</head>
<body style="background:url('../img/background.jpg')">
<div style="text-align: center;">
<div class="container" style="width: 800px;margin: 150px auto;color: #31708f;">
    <div class="row">
        <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
        <strong>站点后台管理系统</strong>
    </div>
        <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
    <div class="row">
        <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
        <em>Management System</em>
        </div>
        <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
    <div style="text-align: center">
    <form method="POST" action="/Manager/mancheck" >
        <div class="row">
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
        <input  type="text" placeholder="账号" name="name" value="${value_name}"/>
        </div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
        <div class="row">
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
        <input type="password" placeholder="密码" name="password" value="${value_password}"/>
            </div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
        <div class="row">
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
            <input type="text"  placeholder="验证码" name="random" maxlength="4">
            </div>
            <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
                <img id="captcha" src="/login/captcha_img" onclick="refreshCaptchaImg()" />
        </div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
        <div class="row">
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
        <input type="submit" value="立即登陆" />
    </div>
       <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
        <input type="button" id="manSigUp" value="立即注册" />
    </div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
    </form>
    </div>
</div>
   </div>
<div style="text-align: center;color: #ac2925">${errMsg}</div>
</body>
<script>
    $(document).ready(function(){
        $("#manSigUp").click(function(){
            window.location.href="/Manager/mansigup"
        });
    });
</script>

</html>
